.tabs-md{
  .tabbar{
    height: 49px;
    &:before{
      display: none;
    }
    .has-icon .tab-button-text{
      margin-top: -4px;
      font-size: 12px;
      transform: scale(0.833);
    }
  }
}

.ion-tab-icon-base {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  font-family: "iconfont" !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

$tabImageName: 'home' 'auth' 'mine';
$tabIcon: '\e622' '\e621' '\e623';
@for $i from 1 to 4 {
  //for ios
  .ion-ios-tab-#{nth($tabImageName, $i)} {
    @extend .ion-tab-icon-base;
    &:before {
      content: nth($tabIcon, $i);
    }
  }
  .ion-ios-tab-#{nth($tabImageName, $i)}-outline {
    @extend .ion-tab-icon-base;
    &:before {
      content: nth($tabIcon, $i);
    }
  }
  // for android
  .tabs-md .tab-button {
    .ion-md-tab-#{nth($tabImageName, $i)} {
      @extend .ion-tab-icon-base;
      &:before {
        content: nth($tabIcon, $i);
      }
    }
  }
  .tabs-md .tab-button[aria-selected=false] {
    .ion-md-tab-#{nth($tabImageName, $i)} {
      color: #e5e5e5;
    }
  }
}
